<!--
 * @Descripttion: 出手鸭小程序
 * @version:1.0.1 
 * @Author: HHL
 * @Date: 2023-10-08 09:53:29
 * @LastEditTime: 2025-07-03 08:50:15
 * @LastEditors: sueRimn
-->

<template>
  <view class="vip-card d-flex justify-content-between align-items-center">
    <view v-for="(item, index) in list" :key="index" class="d-flex flex-column align-items-center">
      <common-image :src="item.icon" :styles="'width: 56rpx; height: 56rpx;'" />
      <view class="text">{{ item.name }}</view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
  },

  data() {
    return {
      list: [
        { id: 1, "name": "申请入会", "icon": "https://image.chushouya.com/assets/images/my/icon_sqrh.png" },
        { id: 2, "name": "我的收藏", "icon": "https://image.chushouya.com/assets/images/my/icon_wdsc.png" },
        { id: 3, "name": "优惠券", "icon": "https://image.chushouya.com/assets/images/my/icon_yhq.png" },
        { id: 4, "name": "商务合作", "icon": "https://image.chushouya.com/assets/images/my/icon_swhz.png" },
      ]
    }
  },

  methods: {
  }
}
</script>

<style lang="scss" scoped>
.vip-card {
  position: relative;
  padding: 12rpx 24rpx 0;
  margin: 0 32rpx;

  .text {
    color: #363636;
    font-size: var(--hui-font-size-28);
    font-weight: 400;
    font-size: 24rpx;
    margin: 12rpx 0 0;
  }


}
</style>